<template>
  <!-- 注册成为志愿者的页面 -->
  <view>
    <!-- 实现逻辑，如果用户登录了，就可以直接进入这个页面进行注册成为一个志愿者，如果没有登录需要先登录才行 -->
    <IVolunteer v-if="token_v" ></IVolunteer>
    <BecomeVolunteer v-else></BecomeVolunteer>

  </view>
</template>

<script>
  import { mapState ,mapMutations} from "vuex"
  export default {
    data() {
      return {
       
      };
    },
    onLoad(){
      // 获取登录信息
      // console.log(this.volunteerInfo)
      this.getVolunteer()
    },
    computed: {
     ...mapState('m_volunteer',["token_v","volunteerInfo"]),
     ...mapState('m_volunteer',['userInfo'])
    },
    methods:{
      ...mapMutations('m_volunteer',['updateVolunteerInfo','updateToken_v']),
      // 查看是否登录
     async getVolunteer(){
        const {data:res} = await uni.$http.get('/volunteers/'+this.volunteerInfo.name+'/'+this.volunteerInfo.phone)
        if(res.code!==200){
          this.updateToken_v('')
          return uni.$u.toast('获取信息失败，请登录！')
        } else{
          this.updateVolunteerInfo(res.data)
        }
      }
    }
  }
</script>

<style lang="scss">

</style>
